{% for property in properties.object_list %}
    <div class="property_name span-12">
        <h3>
            <a href="/real_estate/{{ property.slug }}" style="text-decoration: none;">
                {{ property.street_number }} {{ property.street.name|capfirst }} {{ property.street.extension|capfirst }}
                {{ property.street.suburb.name|capfirst }} {{property.street.suburb.city.name|capfirst}} {{ property.street.suburb.postcode }}
            </a>
        </h3>
    </div>
    <div class="property_profile span-6 last">
        <span class="bedroom">{{ property.bedroom }}</span>
        <span class="bathroom">{{ property.bathroom }}</span>
        <span class="car_space">{{ property.car_space }}</span>
        <span class="land_area">{{ property.land_area }}</span>
        <span class="floor_area">{{ property.floor_area }}</span>
    </div>
    <div class="span-6">
        <input type="checkbox" style="margin:0 30px 0 0;">
        <img src="{{ MEDIA_URL }}images/test_property.jpg" alt="property image" class="property_image" align="middle">
    </div>
    <div class="span-12 last property_content">
        {% block list_content %}{% endblock %}
    </div>
{% endfor %}

<style type="text/css">
    .property_profile SPAN {
        height: 15px;
        width: 15px;
        padding-left: 20px;
        margin-right: 8px;
    }
    .property_profile .bedroom    {background: url("{{ MEDIA_URL }}images/icon_bed.png") no-repeat scroll left  transparent;}
    .property_profile .bathroom   {background: url("{{ MEDIA_URL }}images/icon_bath.png") no-repeat scroll left  transparent;}
    .property_profile .car_space  {background: url("{{ MEDIA_URL }}images/icon_car.png") no-repeat scroll left  transparent;}
    .property_profile .land_area  {background: url("{{ MEDIA_URL }}images/icon_landsize.png") no-repeat scroll left  transparent;}
    .property_profile .floor_area {background: url("{{ MEDIA_URL }}images/icon_landsize.png") no-repeat scroll left  transparent;}
    
    .property_image {
        width: 107px;
        height: 80px;
        border: 1px solid #f5f5f5;
        border-radius: 5px;
        box-shadow: 2px 2px 2px 2px #CCC;
    }

    .property_content {
        margin-bottom: 10px;border-bottom: 1px solid #ccc;
    }
</style>